import { Breadcrumb } from 'antd';
import { HomeOutlined, UserOutlined } from '@ant-design/icons';
import { Outlet, useLocation } from 'react-router-dom';
import './index.scss';
export default function LayoutContent() {
  const location = useLocation();
  console.log(location, '----------------');
  return (
    <div className="content-container">
      <div className="content-breadcrumb">
        <Breadcrumb
          items={[
            {
              href: '',
              title: <HomeOutlined />,
            },
            {
              href: '',
              title: (
                <>
                  <UserOutlined />
                  <span>Application List</span>
                </>
              ),
            },
            {
              title: 'Application',
            },
          ]}
        />
      </div>

      <section className="content-main">
        <Outlet />
      </section>
    </div>
  );
}
